<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<script type="text/javascript" src="../js/react.development.js"></script>
<script type="text/javascript" src="../js/react-dom.development.js"></script>
<script type="text/javascript" src="../js/babel.min.js"></script>
<body>
<div id="test"></div>

<script type="text/babel">
    // 1. 创建虚拟DOM元素对象
    var vDom = <h1>Hello Joker!</h1>    //不是字符串
    // 2. 将虚拟DOM渲染到页面真实DOM容器中
    ReactDOM.render(vDom, document.getElementById("test"));
</script>
</body>
</html>